<style>
.pay_apply{
	text-align:center;
	font-size:16px;
	color:#aaa;
	padding:100px 0 130px;
}
.pay_apply button{
	padding:8px 12px;
	font-size:14px;
	margin-top:50px;
}
.pay_icon{
	font-size:130px;
	color:#ccc;
}
iframe{
	border:none;
	width:290px;
	height:400px;
	overflow:hidden;
}
iframe img{
	width:100px;
	height:100px;
}
.icon_pay:before{
	float:none;
}
</style>
<div>
<div class="pay_apply" *ngIf="!showBind">
	<div class="pay_icon icon_pay"></div>
	<div>您站未开通在线支付功能</div>
	<button (click)="showBind=true">申请开通</button>
</div>

<!--绑定-->
<div class="pane_block" style="width:520px;margin:50px auto 100px;" *ngIf="showBind">
	<div class="pane_block_title">申请开通</div>
	<form name="libraryForm" class="dialog_form">
	<table>
	<tr>
		<th width="150">收款人姓名</th>
		<td><input name="name" type="text" [(ngModel)]="bindData.name" placeholder="请输入盒子名称"/></td>
	</tr>
	<tr>
		<th>收款人身份证号码</th>
		<td><input name="idcard" type="text" [(ngModel)]="bindData.id_card" placeholder="请输入盒子名称"/></td>
	</tr>
	<tr>
		<th valign="top">收款人微信账号</th>
		<td style="text-align:center;">
			<div>
				<div *ngIf="bindData.wx_data_info">
					<img style="width:80px;height:80px;" src="{{bindData.wx_data_info.headimgurl}}" alt="" />
					<div>{{bindData.wx_data_info.nickname}}</div>
				</div>
				<div *ngIf="!bindData.wx_data_info">
					<div style="color:#aaa;margin-bottom:20px;">使用收款人微信扫描下方二维码绑定，<br/>账号体现将转至该微信账户</div>
					<button (click)="openWechat();">前往绑定微信</button>
				</div>
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="2" style="text-align:right;">
			<button (click)="bindWx();" [disabled]="loading || !bindData.name || !bindData.id_card" type="button">保存并使用</button>
		</td>
	</tr>
	</table>
	</form>
</div>
</div>